@CHARSET "UTF-8";

#page {width:640px;height: 480px;margin:auto;background:#FFF;border:2px #444 solid; border-radius: 20px;}
#header {border-bottom: 1px solid black; padding:0px 25px; }
#menu {border-bottom: 1px solid black; padding:0px 25px; }
#content {padding:15px 25px; }

.menu {list-style:none; height:35px; text-align: center; margin:10px;}
.menu li {display:inline;  padding:5px 15px; border: 1px solid #000; }
.menu li:hover {background-color: #CCC;}
.menu li a {color:black; font-weight:bold; text-decoration: none; vertical-align: middle;}

.sub-menu {height:20px;margin-top:0px;}
.sub-menu li {border-top: 1px solid #000;}

.calendar {list-style:none;padding:0px; margin: auto; font-family: sans-serif;}
.calendar li {display: inline-table;width:80px;height:50px;border:1px solid black;padding:0px;padding-left:5px;padding-top:5px;}
.calendar .calendar-head {background-color:#777;height:18px; text-align: center; font-weight: bold; color:#fff;font-size: 12px;padding:0px;}
.calendar .calendar-today {background-color:#DDD;}
.calendar li .button-group button {margin:0px;padding:0px;}
.button-group .selected {background-color:green;color:yellow;}

/*
.calendar {list-style:none;padding:0px; margin: auto; display: inline}
.calendar li {display: block;float:left; width:80px;height:50px;border:1px solid black; padding 5px;}
.calendar .calendar-head {display:table-header-group; background-color:#777;height:25px; text-align: center;}
*/